<template>
  <div class="main">
    <keep-alive>
    <router-view></router-view> <!-- 这里是点击导航的切换 -->
    </keep-alive>  
    <div class="push"></div>
    <footer>
      <ul>
        <li><router-link to="/" exact><p class="iconfont">&#xe601;</p>推荐热点</router-link></li>
        <li><router-link to="/msg"><p class="iconfont">&#xe604;</p>我的槽点</router-link></li>
        <li><router-link to="/my"><p class="iconfont">&#xe66a;</p>个人中心</router-link></li>
      </ul>
    </footer>
  </div>
</template>
<script>
export default {
  name: 'Main',
  data(){
    return {
      selected:"home"
    }
  }
}
</script>
<style lang="less">
</style>
